@import url(font.css);
html {
    font-size: 100px;
    overflow-x: hidden;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    font-size: .16rem;
    line-height: .24rem;
}

img {
    max-width: 100%;
}

dd {
    padding: 0;
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.iconfont {
    font-family: 'basefont';
    display: inline-block;
    font-style: normal;
}

.layui-container {
    font-size: .14rem;
}

.hide {
    display: none;
}

.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
}

* html .clear {
    zoom: 1;
}

*:first-child+html .clear {
    zoom: 1;
}

input,
textarea,
textarea:focus,
input:focus {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

a:hover {
    color: inherit;
}

:-moz-placeholder {
    color: #000;
    opacity: 1;
}

::-moz-placeholder {
    color: #000;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    /*使用足够大的纯色内阴影覆盖谷歌黄色背景*/
}


/*====头部样式====*/

header {}

.header {
    background-color: #000;
    position: relative;
    z-index: 10;
}

.header_con {
    position: relative;
}

.header .logo {
    width: 2.4rem;
    float: left;
    height: .49rem;
    margin-top: .14rem;
    background: url(../images/logo-posh@2x.png) no-repeat center;
    background-size: auto 120%;
}

.header .logo img {
    width: 100%;
}

.menu {
    text-transform: uppercase;
    text-align: right;
    float: right;
}

.menu>li {
    float: left;
    padding: 0 .15rem;
    height: .8rem;
    font-size: .15rem;
}

.menu>li:first-child {
    margin-left: 0;
}

.menu li>a {
    color: #fff;
    font-weight: 700;
    letter-spacing: .01rem;
    display: block;
    width: 100%;
    height: 100%;
    line-height: .77rem;
}

.menu .sel {
    background-color: #222;
}

.menu li:hover {
    background-color: #444;
}

.menu .sel>a,
.menu li:hover>a {
    color: #fff;
}

.menubtn {
    position: absolute;
    right: .1rem;
    top: 0;
    height: .48rem
}

.menubtn i {
    font-family: 'basefont';
    font-size: .24rem;
    line-height: .4rem
}

.menu .n {
    display: none;
}

.header .closeMenu {
    font-size: .24rem;
    float: right;
    margin-right: .2rem;
}

.header .menuTit {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1001;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

.header .menuTit .text {
    float: left;
    margin-left: .2rem;
    font-weight: 700;
}

.menu li[pageName="customPage"] {
    padding-right: .35rem;
}

.menu li[pageName="customPage"]>a {
    position: relative;
}

.menu li[pageName="customPage"]>a:before {
    content: "\e63d";
    position: absolute;
    right: -.25rem;
    top: 0;
    font-family: "basefont";
    transition: transform .5s;
}

.menu li[pageName="customPage"]:hover a:before {
    transform: rotateZ(180deg);
}

.menu li[pageName="customPage"] .ddiv {
    position: absolute;
    left: 0;
    top: .8rem;
    text-align: left;
    display: none;
    width: 100%;
}

.menu li[pageName="customPage"]:hover .ddiv {
    display: block;
}

.menu li[pageName="customPage"] .ddiv .citem {
    display: block;
    overflow: hidden;
    padding: .15rem .17rem .2rem .25rem;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
    border: 1px solid #ddd;
    font-size: 0;
}

.menu li[pageName="customPage"] .ddiv dl {
    display: inline-block;
    vertical-align: top;
    margin: .05rem 0 .05rem 0;
    width: 20%;
    box-sizing: border-box;
    padding: 0 .08rem;
    text-align: left;
    box-sizing: border-box;
    text-transform: none;
}

.menu li[pageName="customPage"] .ddiv dl dt {
    font-size: .18rem;
    padding: .04rem;
    margin-top: .2rem;
    font-weight: bold
}

.menu li[pageName="customPage"] .ddiv dl a {
    font-size: .16rem;
    display: block;
    font-weight: 400;
    padding: .04rem;
    border-radius: .2rem;
    margin: .14rem 0;
    color: #000;
}

.menu li[pageName="customPage"] .ddiv dl a:hover {
    color: #e83611;
    background-color: #f5f5f5;
}

.menu li[pageName="customPage"] .ddiv dl img {
    width: 1rem;
}

.menu li[pageName="customPage"] .ddiv dl:last-child {
    margin-right: 0;
}


/* .menu li[pageName="customPage"] .ddiv dl:last-child{ max-width: 20%; margin-right: 0;}
.menu li[pageName="customPage"] .ddiv dl:last-child a{  width: 86px; padding:0; display: inline-block; margin:0 .2rem .1rem 0 }
.menu li[pageName="customPage"] .ddiv dl:last-child a:nth-child(even){ margin-right: 0; }
.menu li[pageName="customPage"] .ddiv dl:last-child a img{ width: 86px; } */


/* .menu li[pageName="contact"]{ position: relative; padding-right: .35rem; }
.menu li[pageName="contact"] > a{ position: relative;  }
.menu li[pageName="contact"] > a:before{ content: "\e63d"; position: absolute; right: -.25rem; top:0; font-family: "basefont"; transition: transform .5s;}
.menu li[pageName="contact"]:hover a:before{transform: rotateZ(180deg);}
.menu li[pageName="contact"] div{ display: none; position: absolute; left:0 ; top:.8rem; width: 1.3rem; text-align:left; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);border:1px solid #ddd; background-color: #fff; padding:.2rem .1rem .1rem .1rem; }
.menu li[pageName="contact"] div a{ display: block; margin-bottom: .1rem; }
.menu li[pageName="contact"] div a:hover{ color:#000; }
.menu li[pageName="contact"]:hover div{ display: block; } */

.posh {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
}

.posh li[pageName="product"] {
    margin-right: .1rem;
}

.posh li[pageName="product"]>a:before {
    right: -.2rem;
}

.header>.header_con>ul>li {
    font-size: .14rem;
    vertical-align: middle;
}

.header>.header_con>ul>li div {
    top: .8rem;
}

.menu>.getform {
    display: inline-block;
    padding: 0;
    font-weight: 400;
    height: .5rem;
    margin-top: .15rem;
    margin-left: .1rem;
}

.getform a {
    border: none;
    text-transform: none;
    font-size: .14rem;
    font-weight: 500;
    background-color: #40a960;
    color: #fff;
    display: inline-block;
    line-height: .46rem;
    border: .02rem solid #40a960;
    padding: 0 .2rem;
    border-radius: .0rem;
    position: relative;
    transition: all .5s;
    cursor: pointer;
}


/*.getform a:before{ content: ' '; border-left: 1px solid #333; position: absolute; left:0rem; top:0; height: .8rem; }*/

.getform a:hover {
    background-color: #299b4c;
    border: .02rem solid #299b4c;
}

.getform .secondBtn {
    border: .02rem solid #09f;
    margin-left: .03rem;
    background-color: #09f;
}

.getform .secondBtn:hover {
    background-color: #007aff;
    border: .02rem solid #007aff;
}

.topbar {
    background-color: #f5f5f5;
    color: #fff;
    text-align: left;
}

.topbar_con {
    padding: .05rem 0;
    font-size: .14rem;
}

.topbar .saletext {
    display: inline-block;
    font-weight: 700;
    color: #000;
    margin-left: 2.55rem;
}

.topbar .saletext span {
    font-size: .2rem;
    text-transform: uppercase;
    color: #e83611;
}

.topbar .t_nav {
    display: inline-block;
    float: right;
    padding-top: .02rem;
    font-size: .14rem;
}

.topbar .t_nav a {
    position: relative;
    padding: 0 .2rem;
    color: #333;
}

.topbar .t_nav a:hover {}

.topbar .t_nav a:before {
    content: '';
    position: absolute;
    left: 0;
    top: .04rem;
    display: inline-block;
    width: .01rem;
    height: .12rem;
    background-color: #ddd;
}

.topbar .t_nav a:first-child:before {
    width: 0;
}


/* .inbanbox { height: 5rem; } */

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-pagination-fraction {
    color: #fff;
    text-shadow: .01rem .01rem .02rem #333;
}

.swiper-pagination-fraction .swiper-pagination-current {
    color: #e83611;
    font-size: .32rem;
}

.swiper-pagination-fraction .swiper-pagination-total {}

.picname {
    display: none;
}

.inbanbox .inban1 {
    background: url(../images/banner/fp1.jpg) no-repeat top center;
}

.inbanbox .inban2 {
    background: url(../images/banner/fp2.jpg) no-repeat top center;
}

.inbanbox .inban3 {
    background: url(../images/banner/fp3.jpg) no-repeat top center;
}


/*====页面底部样式====*/

footer {
    background-color: #000;
    color: #fff;
    /*z-index: 0;*/
    position: relative;
    font-size: .14rem;
}

footer dt {
    font-size: .18rem;
    text-transform: uppercase;
    padding: 0rem 0 .15rem;
}

footer dd {
    margin-bottom: .15rem;
}

footer dd a {
    display: block;
    margin-bottom: .1rem;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
}

footer .lo {
    margin-right: 8px;
    margin-bottom: .15rem;
}

footer dd>.lo:nth-last-child(1) {
    margin-bottom: .1rem
}

footer dd>.lo:nth-last-child(2) {
    margin-bottom: .1rem
}

footer .cp {
    text-align: center;
    content: #fff;
    background-color: #000;
    padding: .1rem 0;
    border-top: 1px solid #333;
}

footer .msg {
    display: none;
}

footer .msg .layui-inline {
    width: 48.1%;
    margin-bottom: 0;
}

footer .msg .layui-inline:nth-child(2) {
    margin-right: 0;
}

footer .msg h4 {
    color: #444;
    padding-bottom: .05rem;
    padding-top: .05rem;
}

footer .msg .layui-form-item {
    margin-bottom: 0;
}

footer .msg .textareaBox {
    width: 100%!important;
    margin-right: 0
}

footer .msg .submitBtn {
    width: 100%!important;
    margin-top: .1rem;
}

footer .msg .submitBtn button {
    width: 100%!important;
}

footer dl {
    padding: .3rem 0 .2rem;
}

footer .layui-uploadbox {
    height: .38rem;
    line-height: .38rem;
    border: 1px solid #e6e6e6;
    box-shadow: none;
    color: #000;
    margin-top: 0;
}

footer .uploadImgView {
    height: .38rem;
    line-height: .38rem;
    flex: 0 58%;
    margin-bottom: 0;
    padding-bottom: 0;
}

footer .layui-btn {
    height: .4rem;
    line-height: .4rem;
}

footer .msg .uploadFile {
    font-size: .14rem;
    flex: 0 31%;
    color: #000;
    line-height: .32rem;
    margin-bottom: 0;
}

footer .msg .uploadImgView {}

footer .uploadImgView .delImg {
    margin-top: -.04rem;
    vertical-align: middle;
}

.msg .uploadImgView .thumbbox {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .28rem;
    margin-top: .03rem;
}

footer :-moz-placeholder {
    color: #000;
    opacity: .5;
}

footer ::-moz-placeholder {
    color: #000;
    opacity: .5;
}

footer input:-ms-input-placeholder,
footer textarea:-ms-input-placeholder {
    color: #000;
    opacity: .5;
}

footer input::-webkit-input-placeholder,
footer textarea::-webkit-input-placeholder {
    color: #000;
    opacity: .5;
}

.sns {
    width: .4rem;
    height: .4rem;
    border-radius: .4rem;
    line-height: .4rem;
    text-align: center;
    display: inline-block;
    font-family: "basefont";
    font-size: .2rem;
    margin-right: .1rem;
}

.facebook {
    background-color: #3c5b97;
}

.twitter {
    background: #38b1e9;
}

.pinterest {
    background-color: #ce2129;
}

.instagram {
    background-color: #e2442b;
    font-size: .23rem;
}

.formbmod {
    padding-bottom: .6rem;
    background-color: #f9f9f9!important;
}

.formbmod .leftbox {
    padding-right: .5rem;
    box-sizing: border-box;
    width: 45%;
    float: left;
}

.formbmod .rightbox {
    width: 50%;
    float: left;
}

.formbmod .yhtext {
    font-size: .18rem;
    padding: .2rem .4rem;
    margin-bottom: .2rem;
    text-align: center;
    display: inline-block;
    position: relative;
}

.formbmod .yhtext:before {
    content: "\e643";
    font-family: basefont;
    position: absolute;
    right: -.0rem;
    top: .1rem;
    font-size: .3rem;
    color: #eee;
}

.formbmod .yhtext:after {
    content: "\e643";
    font-family: basefont;
    position: absolute;
    left: -.0rem;
    top: .1rem;
    font-size: .3rem;
    color: #eee;
    transform: rotate(180deg);
}

.formbmod .tbc {
    font-weight: 700;
    color: #000;
    padding: .1rem 0;
    font-size: .23rem;
    text-transform: uppercase;
    margin-bottom: .3rem;
    text-align: center;
}

.regOp .mtu {
    margin-bottom: .25rem;
    text-align: center;
}

.regOp .mtu img {
    width: 80%
}

.regOp dl {
    background-color: #fff;
    margin-bottom: .15rem;
    border: 1px solid #eaeaea;
    padding: .1rem;
    box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.regOp dt {
    font-weight: 700;
    font-size: .2rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: .1rem;
    margin-bottom: .1rem;
}

.regOp dd {
    padding-bottom: .1rem;
    font-size: .16rem;
}

.regOp .l_cint {
    margin-top: .5rem;
}

.regOp .l_cint p {
    margin: .3rem 0;
}

.regOp .l_cint img {
    margin-bottom: .2rem;
}

.formbmod .successcon {
    margin-top: .39rem;
}

.successcon .thkstext {
    padding: .2rem 0;
}

.successcon dl {
    background-color: #fff;
    margin-bottom: .1rem;
    border: 1px solid #eaeaea;
    padding: .1rem;
    box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.successcon dt {
    font-weight: 700;
    font-size: .2rem;
    border-bottom: 1px solid #ccc;
    padding: .1rem 0 .2rem;
    margin-bottom: .1rem;
}

.successcon dd {
    font-size: .16rem;
    padding: .1rem;
}

.successcon li {
    padding: .07rem .08rem;
}

.closelb {
    text-align: center;
}

.closelb a {
    display: inline-block;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    padding: 2px 5px;
    border-radius: 3px;
}

.closelb a i {
    display: inline-block;
    font-family: "basefont";
    font-size: .18rem;
    font-style: normal;
    vertical-align: middle;
    margin-top: -.02rem;
}

.mainfunc .successcon li {
    padding: .065rem .08rem;
}

.formbmod .info {
    margin-bottom: .2rem;
}

.step_tracker {
    border-top: 1px solid #eee;
    padding-top: .3rem;
}

.step_tracker ul {
    margin-left: -.1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.step_tracker li {
    flex: 0 13%;
    vertical-align: top;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.step_tracker li i {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    color: #fff;
    background-color: #d8d8d8;
    border-radius: .4rem;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: .15rem;
    margin-bottom: .05rem;
    position: relative;
    z-index: 1;
}

.step_tracker li p {
    font-size: .14rem;
}

.step_tracker .checked i {
    background-color: #40a960;
}

.step_tracker .done i {
    background-color: #40a960;
    color: #40a960;
    position: relative;
}

.step_tracker .done i:before {
    content: "\e6e7";
    font-family: "basefont";
    font-size: .16rem;
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-block;
    left: 0;
    top: 0;
    background-color: #40a960;
    color: #fff;
    font-weight: normal;
    border-radius: .4rem;
}

.step_tracker .step_bar {
    transform: translateX(10%);
    width: 100%;
    height: 3px;
    background: #d8d8d8;
    top: .14rem;
    position: absolute;
    display: inline-block;
}

.step_tracker li:hover i {
    background-color: #40a960;
}

.stepInfo {
    margin-top: .2rem;
}

.stepInfo dt {
    font-size: .2rem;
    margin-bottom: .1rem
}

.stepInfo dd {
    font-size: .14rem;
}

.s_size {
    margin-top: .3rem;
    margin-bottom: .3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.s_size dl {
    flex: 0 48%;
}

.s_size dl:last-child {
    text-align: right;
}


/*============================首页 开始============================*/

.focusPic {
    height: 6rem;
    background: url(../images/focusPic.jpg) no-repeat center top;
    position: relative;
}

.focusPic .layui-form-item .layui-inline {
    margin-right: 0;
}

.focusPic .layui-btn {
    width: 100%;
    padding: 0;
    background-color: #e83611;
}

.formBar {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    padding: .2rem 0;
}


/*.formBarAbsolute{ position:absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, .5); padding: .2rem 0;}
.formBarFixed{ position: fixed; top:0; left: 0;  width: 100%; height: auto; background-color:rgba(255, 255, 255, 1); padding:.1rem 0; z-index:1000; box-shadow: 0px .05rem .1rem 0px rgba(0, 0, 0, 0.08); }*/

.formBar .colzd {
    padding: .05rem;
    width: 22%;
    float: left;
}

.formBar .colzdbtn {
    width: 30%;
    padding: .05rem;
    float: left;
}

.formBar .colzdbtn button {
    font-size: .18rem;
}

.formBar .tit {
    font-size: .48rem;
    text-align: center;
    color: #fff;
    margin-bottom: .2rem;
}


/*====大标题样式====*/

.hd {
    position: relative;
    color: #000;
    font-size: .32rem;
    /**/
    font-weight: 500;
    padding: .8rem 0 .25rem;
    margin-bottom: .2rem;
    text-align: center;
}

.hd:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.4rem;
    width: .8rem;
    height: .02rem;
    background-color: #000;
}

.hd .t {
    /* text-transform: uppercase */
}


/*.hd .t{ color:#000; padding:.1rem 0; }*/

.hd .t .jst {
    font-size: .18rem;
    font-weight: 400;
    padding-top: .06rem;
    margin-top: .1rem;
    text-transform: none;
}

.mod-text .hd span {
    color: #dc4430;
    font-size: .52rem;
}

.mod-text .bd {
    font-size: .18rem;
    text-align: center;
}

.mod-text .bd p {
    margin: .15rem 0;
}

body[pageName="index"] .mod-text .bd p {
    font-weight: 400;
}


/**/

.mod-k {}

.mod-k .leftbox {
    padding-right: .4rem
}

.mod-k .leftbox dl {}

.mod-k .leftbox dt {
    color: #000;
    font-size: .3rem;
    margin: .15rem 0 .1rem;
}

.mod-k .leftbox dd {
    border-bottom: 1px dashed #e4e7ed;
    padding-bottom: .2rem;
}

.mod-k .leftbox ul {
    margin-top: .18rem
}

.mod-k .leftbox li {
    margin: .2rem 0;
}

.mod-k .leftbox li .basefont {
    color: #e83611;
    margin-right: 5px;
}


/*轮播图 start*/

.focusBox {
    border: 1px solid #eee;
    padding: .07rem;
    border-radius: .1rem;
    width: 4.73rem;
    box-sizing: border-box;
    height: 4.17rem;
    position: relative;
    box-shadow: 0px .05rem .1rem 0px rgba(0, 0, 0, 0.08);
}

.focusBox .swiper-container {
    width: 4rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
}

.focusBox .swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}

.focusBox .swiper-slide {
    text-align: left;
    border-radius: .08rem;
}

.focusBox .swiper-slide img {
    width: 4rem;
    height: 4rem;
    border-radius: .08rem;
}

.focusBox .gallery-thumbs {
    width: .52rem;
    height: 100%;
    border-left: 1px solid #eee;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.focusBox .gallery-thumbs::after {
    content: '';
    display: block;
    clear: both;
}

.focusBox .gallery-thumbs li {
    display: inline-block;
    border-top: 1px solid #eee;
    position: relative;
    box-sizing: border-box;
}

.focusBox .gallery-thumbs li:first-child {
    border-top: none;
    border-top-right-radius: .1rem;
}

.focusBox .gallery-thumbs li:last-child {
    border-bottom-right-radius: .1rem;
}

.focusBox .gallery-thumbs li img {
    opacity: 0.6;
    height: .41rem;
    width: .41rem;
    margin: .05rem;
    vertical-align: top;
    border-radius: .04rem
}

.focusBox .gallery-thumbs .active {
    background-color: #000;
}

.focusBox .gallery-thumbs .active img {
    opacity: 1;
}

.focusBox .gallery-thumbs .active:before {
    content: '';
    position: absolute;
    left: -.08rem;
    top: 50%;
    margin-top: -.07rem;
    width: .08rem;
    height: .15rem;
    background: url(../images/f_on_arrow-gray@2x.png) no-repeat center right;
    background-size: cover;
}

.gallery-one {
    margin-top: .2rem;
}


/*轮播图 end*/

.smmk {
    background-color: #fff!important;
    border-top: 20px solid #f9f9f9;
}

.smmk .pic {
    text-align: center;
    height: 1rem;
    vertical-align: middle;
}

.smmk .pic img {
    width: 1rem
}


/* .smmk li:first-child .pic img{ width: .9rem; display: inline-block; margin-top: .07rem; } */

.qualitymod {
    border-top: 20px solid #f9f9f9;
}

.qualitymod .hd {
    margin-bottom: .4rem
}


/*mod-f*/

.mod-f {}

.mod-f .hd {
    text-align: left;
    margin-bottom: 0;
}

.mod-f .hd:before {
    left: 0;
    margin-left: 0
}

.mod-f .bd {
    padding-top: .2rem;
}

.mod-f .leftbox {}

.mod-f .leftbox dl {
    padding-right: 2.3rem;
    background: url(../images/meizi@2x.png) 5.3rem bottom no-repeat;
    background-size: 2.5rem auto;
}

.mod-f .leftbox dt {
    color: #000;
    font-size: .3rem;
    margin: 0rem 0 .1rem;
}

.mod-f .leftbox dt i {
    font-style: normal;
}

.mod-f .leftbox dd {
    padding-bottom: .3rem;
}

.mod-f .leftbox .a,
.mod-f .leftbox .b {
    float: left;
    width: 47.5%;
    margin-right: 5%;
}

.mod-f .leftbox .b {
    margin-right: 0
}

.mod-f .rightbox {
    text-align: right;
}

.mod-f .rightbox .hd {
    width: 3.61rem;
    display: inline-block;
}

.mod-f .rightbox .bd {
    width: 3.61rem;
    display: inline-block;
    box-sizing: border-box;
    border-radius: .15rem;
    text-align: center;
}

.mod-f .rightbox p {
    text-align: left;
    font-size: .31rem;
    text-transform: uppercase;
}

.mod-f .rightbox p span {
    color: #000;
}

.mod-f .rightbox img {
    width: 100%;
    margin: 0;
}


/*mod-f*/

.mod-g {}

.mod-g img {
    width: 3.8rem;
}

.mod-g .leftbox,
.mod-g .middlebox,
.mod-g .rightbox {
    margin-top: .3rem
}

.mod-g .middlebox {
    text-align: center;
}

.mod-g .rightbox {
    text-align: right;
}


/*.mod-gallery 产品画廊*/

.bgc_gallery {
    background-color: #f5f5f5;
    padding-bottom: .8rem;
    margin-top: .8rem;
}

.mod-gallery .bd {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.mod-gallery .bd a {
    flex: 0 15%;
    margin-top: .2rem;
    vertical-align: top;
    text-align: center;
    transition: transform .5s;
}

.mod-gallery .bd a img {
    height: 1.65rem;
    margin-bottom: .1rem;
    width: 1.65rem;
    background: #fff;
    box-sizing: border-box;
}

.mod-gallery .bd a:hover {
    transform: scale(1.15);
    color: #000;
}


/*mod-testi 客户留言*/

body[pageName="testimonials"] .mod-testi {
    margin-top: 0;
}

.testimonialsPage {
    background-color: #fafafa;
}

.mod-testi {
    margin-top: 0rem;
}

.mod-testi .bd {
    padding: .3rem 0 .6rem;
}

.mod-testi .more {
    text-align: center;
    margin-top: .1rem;
}

.mod-testi .more a {
    display: inline-block;
    width: 2rem;
    line-height: .44rem;
    background-color: #000;
    color: #fff;
    border-radius: .22rem;
}

.pbl {
    font-size: 0;
}

.tItem {
    border: 1px solid #eee;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: .2rem;
    box-sizing: border-box;
    background: #fff;
    transition: all 1s;
    width: 32%;
    display: inline-block;
    vertical-align: top;
    font-size: .14rem;
}

.tItem:hover {
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #299b4c;
}

.tItem .face {
    width: 100%;
    display: block;
    vertical-align: top;
    text-align: center;
    margin-bottom: .2rem;
}

.tItem .face img {
    width: 100%;
    max-width: auto;
}

.tItem .con {
    display: inline-block;
    padding: 0 .2rem .2rem;
}

.tItem .con .zl {
    margin-bottom: .1rem
}

.tItem .con .name {
    font-weight: 700;
    font-size: .18rem;
    display: block;
    color: #000;
    padding-right: .4rem;
    position: relative;
}

.tItem .con .msgcon {}

.tItem .con .yijuhua {
    font-weight: 700;
    margin-top: .1rem;
}

.tItem .con .date {
    color: #666;
}

.mod-testi .swiper-slide {
    min-height: 120px;
}


/*询价样式*/

.xunjiaFormBox {
    padding: .2rem 0;
    margin: 0 auto;
    background-color: #f9f9f9
}

#popForm {
    display: none;
    padding: 0;
    background-color: #f9f9f9;
}

.formbox {
    /* display: inline-block; */
    box-sizing: border-box;
    vertical-align: top;
    padding: .6rem 0 .2rem;
}

.formbox .thd {
    width: 93%;
    margin: 0 auto;
    margin-bottom: .2rem;
}

.formbox .thd h3 {
    color: #000;
    text-align: center;
    font-size: .32rem;
    font-weight: 700;
    padding-bottom: .1rem;
    margin-bottom: .05rem;
    /* text-transform: uppercase; */
}

.formbox .thd p {
    text-align: center;
    font-size: .18rem;
}

.formbox .layui-form-item {
    width: 93%;
    margin-right: .1rem;
    margin-bottom: 0;
    vertical-align: top;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
    max-width: 63.5rem;
    margin: 0 auto;
}

.formbox .layui-input,
.formbox .layui-textarea {
    font-size: .15rem;
    border: none;
    height: .67rem;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    vertical-align: middle;
    padding-right: .1rem;
    padding-top: .14rem;
    border-radius: 0;
    font-weight: 500;
}

.formbox .layui-inline b,
.formbox .layui-input-block b {
    position: absolute;
    left: -.1rem;
    top: 0;
    line-height: .4rem;
    color: #E83611;
}

.formbox .layui-inline {
    margin: 0;
    flex: 0 48%;
    margin-top: .2rem;
}

.formbox .textareaBox {
    flex: 0 100%;
}

.formbox .layui-inline button,
.formbox .layui-input-block button {
    margin-right: 0;
    width: 100%;
    display: inline-block;
}

.formbox .layui-input-block {
    margin-left: 0;
    margin-top: .2rem;
    flex: 0 48%;
}

.formbox .threeCol {
    flex: 0 48%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.formbox .threeCol .layui-inline {
    flex: 0 40%;
    margin-top: .2rem;
}

.formbox .threeCol .tra {
    flex: 0 20%;
    float: left;
    line-height: .34rem;
    text-align: center;
    margin-top: .15rem;
}

.formbox .threeCol .tra span {
    display: block;
    line-height: 100%;
    font-size: .14rem;
}

.formbox .threeCol .unit {
    position: absolute;
    right: .1rem;
    top: .25rem;
    font-size: .14rem;
}

.artioption {
    border: none;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
    vertical-align: middle;
    background-color: #fff;
    width: 100%;
    margin-top: .2rem
}

.artioption dt {
    color: #303133;
    height: .47rem;
    margin: .1rem 0 .1rem;
    line-height: .47rem;
    padding-left: 0.1rem;
    font-size: .12rem;
    color: #909399;
}

.artioption dt:before {
    content: '\e66c';
    font-family: "basefont";
    font-size: .16rem;
    position: absolute;
    right: .2rem;
    top: 0;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    color: #606266;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.artioption dt {
    position: relative;
}

.artioption dd {
    display: none;
}

.artioption dd .radioitem {
    padding-bottom: .15rem;
    margin-top: -.1rem;
    padding-left: .1rem
}

.artioption dd .radioitem * {
    font-size: .13rem;
}

.artioption dd .radioitem i {
    display: inline-block;
    padding-right: .06rem;
    vertical-align: top;
}

.artioption dd .radioitem span {
    cursor: pointer;
    display: inline-block;
    padding-right: 2%;
}

.artioption dd .radioitem i:before {
    content: '\e6d7';
    font-size: .22rem;
    font-family: "basefont";
    color: #aaa;
    font-style: normal;
}

.artioption dd .radioitem .ssel i:before {
    content: '\e657';
    color: #40a960
}

.artioption dt.active {
    color: #000;
}

.artioption dt.active:before {
    font-size: .16rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #000;
}

.artioption dt.active+dd {}

.layui-form-select dl dd {
    position: relative;
}

.layui-form-select dl dd span {
    position: absolute;
    left: .9rem;
    top: 0;
    font-weight: 700;
    line-height: .36rem;
    font-size: .12rem;
    color: #40a960;
}

.layui-form-select dl dd.layui-this span {
    color: #fff;
}

.layui-form-select dl {
    top: .52rem;
}

.layui-form-selectup dl {
    top: auto;
    bottom: .52rem;
}

.layui-form-select dl dd.layui-this {
    background-color: #000;
}

body .layui-laydate .layui-this {
    background-color: #000 !important;
}

.layui-select-title .layui-input {
    padding-right: .3rem;
}

.formbox .threeCol .layui-input-block {
    display: inline-block;
    width: .83rem;
    margin-top: .1rem;
}

.formbox .textareaBox {
    height: .9rem;
}

.formbox .textareaBox textarea {
    box-sizing: border-box;
    min-height: .92rem;
    line-height: 140%;
    padding-top: .28rem;
}

.formbox .layui-form-select dl {
    font-size: .14rem
}

.formbox .textareaBox .cd-label {
    background-color: #fff;
}

.cd-label {
    position: absolute;
    z-index: 2;
    display: inline-block;
    left: .1rem;
    top: 0;
    color: #909399;
    transition: all .2s;
    font-size: .12rem;
    width: 90%;
    line-height: .24rem;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    padding-top: .05rem;
}

.cd-label i {
    color: #e83611;
    padding-right: .03rem;
    font-size: .22rem;
    margin-right: .03rem;
    display: inline-block;
    vertical-align: middle;
}

.cd-label.float {
    display: inline-block;
    color: 888;
}

.textareaBox .cd-label {
    width: 98%;
}

.formbox .selectblock {
    flex: 0 100%;
}

.formbox .selectcus {
    justify-content: center;
}

.formbox .selectcus .layui-input-block {
    flex: 0 40%;
}

.rowmodle {
    width: 100%;
}

.rowmodle .rowbox {
    display: none;
}

.rowmodle .rowbox .textareaBox {
    width: 100%;
}

.layui-uploadbox {
    background: #fff;
    margin-top: .2rem;
    width: 100%;
    color: #333;
    box-sizing: border-box;
    border-radius: 0.02rem;
    display: inline-block;
    font-size: .15rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.layui-uploadbox label {
    color: #909399;
    padding-right: .08rem;
}

.layui-uploadbox a:hover label {
    color: #909399;
}

.layui-uploadbox a:hover {
    color: #000
}

.uploadImgView {
    flex: 0 71%;
    /* padding-bottom:.08rem; */
    padding-left: .1rem;
    box-sizing: content-box;
    text-align: left;
    width: 50%;
    border-left: 1px solid #eee;
}

.uploadImgView .thumbbox {
    display: inline-block;
    line-height: .32rem;
    padding-bottom: .02rem;
    font-size: .12rem;
    background-color: #f5f5f5;
    margin-top: .08rem;
    border-radius: .2rem;
    padding-right: .3rem;
    padding-left: .05rem;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 3.8rem;
    box-sizing: border-box;
}

.uploadImgView .thumbbox:before {
    content: '\e644';
    display: inline-block;
    margin: 0 .04rem 0 .02rem;
    font-family: "basefont";
}

.uploadImgView .thumbbox:nth-child(2n) {
    margin-bottom: .28rem;
}

.uploadImgView img {
    width: .3rem;
    background-color: #fff;
    height: .3rem;
    border-radius: .2rem;
    margin: .02rem;
}

.uploadImgView .delImg {
    color: #333;
    margin-top: .17rem;
    margin-left: -.26rem;
    margin-right: .12rem;
    background-color: #fff;
    padding: .02rem .02rem .01rem .02rem;
    border-radius: .2rem;
    cursor: pointer;
    font-size: .1rem;
    line-height: .14rem;
}

.uploadImgView .delImg:hover {
    color: #fff;
    background-color: #e83611
}

.uploadFile {
    flex: 0 24%;
    padding-left: 0.1rem;
    line-height: .5rem;
    align-items: center;
    justify-content: center;
}

.uploadFile i {
    margin-right: .1rem;
    font-size: .2rem;
    vertical-align: middle;
    font-size: .24rem;
}

.nofile {
    line-height: .51rem;
}

.file {
    display: inline-block;
    margin-right: .05rem;
}

.file:last-child {
    margin-bottom: .08rem;
}

.none {
    display: none;
}

.layui-btn {
    background-color: #40a960;
    height: .67rem;
    font-size: .18rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}

.formbox .buttonWrap {
    flex: 0 100%;
    text-align: center;
}


/*.formbox .layui-uploadbox{flex: 0 100%; margin-top: .2rem; height: .5rem; font-size: .14rem; }*/

.queBtn {
    position: absolute;
    right: .05rem;
    top: 0;
    color: #888;
    cursor: pointer;
    line-height: .36rem;
    width: .16rem;
}

.upInfoQue {
    font-size: .16rem;
    left: 1.3rem;
}

.queBtn:hover {
    color: #000;
}


/*弹窗成功提示*/

.success_msg {
    text-align: center;
    padding: .3rem;
}

.success_msg .iconfont {
    font-size: 66px;
    color: #000;
    margin-bottom: .1rem;
}

.error_msg .iconfont {
    color: #E83611;
}

.success_msg h5 {
    font-weight: 700;
    font-size: .24rem;
    text-transform: uppercase;
    color: #000;
}

.error_msg h5 {
    color: #E83611;
}

.success_msg .desc {
    width: 3.2rem
}

.tips_msg {
    padding: .2rem .2rem .2rem .2rem;
}

.tips_msg h4 {
    font-size: .16rem;
    margin-bottom: .1rem;
    color: #E83611;
    font-weight: 700;
}

.tipsmsglayer {
    border: 2px solid #000;
    border-radius: .1rem!important;
}

#whw {
    color: #fff;
}


/*==========================首页结束==========================*/


/*layer插件弹窗样式修改 start*/

.mod_nav {}

.mod_nav .layui-layer-setwin .layui-layer-close1 {
    background: none;
    margin-top: -1px;
    display: inline-block;
}

.mod_nav .layui-layer-setwin .layui-layer-close1:after {
    content: "\e66c";
    font-family: "basefont";
    font-size: 15px;
    color: #606266;
}

.mod_pop {
    border: 4px solid #000;
    border-radius: .08rem!important;
}

body .mod_pop .layui-layer-content {
    overflow: visible;
}

body .popFormskin .layui-layer-content {
    overflow: auto;
}

.mod_pop .layui-layer-title {
    background-color: #fff;
    border-top: 2px solid #E83611;
    font-weight: 700;
}

.mod_pop .layui-layer-setwin .layui-layer-close1 {
    background: none;
    margin-top: -1px;
    display: inline-block;
}

.mod_pop .layui-layer-setwin .layui-layer-close1:after {
    content: "\e66c";
    font-family: "basefont";
    font-size: 15px;
    color: #606266;
}

.mod_pop .layui-layer-dialog {
    border-radius: 6px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.layui-tab-brief>.layui-tab-title .layui-this {
    color: #E83611;
}

.layui-tab-brief>.layui-tab-more li.layui-this::after,
.layui-tab-brief>.layui-tab-title .layui-this::after {
    border-bottom: 2px solid #E83611;
}

.mod_pop .layui-layer-setwin {
    right: 0;
    top: 0;
}

.mod_pop .layui-layer-setwin .layui-layer-close2 {
    background: none;
    right: .08rem;
    top: .1rem;
}

.mod_pop .layui-layer-setwin .layui-layer-close2:before {
    content: "\e66c";
    font-family: "basefont";
    background-color: none;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    display: inline-block;
    text-align: center;
    border-radius: .3rem;
    font-size: 28px;
    color: #333;
    margin-left: .03rem;
    margin-top: -.05rem;
    font-weight: 700;
    transition: background-color .5s;
}

.mod_pop .layui-layer-setwin .layui-layer-close2:hover:before {
    background-color: none;
    color: #E83611;
    opacity: .8;
}

.mod_pop .layui-form-radio>i:hover,
.mod_pop .layui-form-radioed>i {
    color: #000
}


/*layer插件弹窗样式修改 end*/


/*==========================子页面开始==========================*/

.banner {
    /*width: 1920px; position: relative;left:50%;transform: translateX(-50%);*/
}

.banner .pic img {
    width: 100%;
}

.gallery_ban .text {
    padding-top: 4rem;
}

.pricing_ban {
    text-align: center;
}

.pricing_ban .text {
    padding: .5rem .4rem 0;
    line-height: .72rem;
    font-weight: 700;
    font-size: .62rem;
    color: #000;
}

.pricing_ban .tl {
    line-height: .44rem;
    color: #000;
}

.pricing_ban span i {
    color: #e83611;
    font-style: normal
}

.mainColor {
    color: #000;
}

.galleryPage .mod-text {
    margin-bottom: .4rem
}

.mod-galleryItem {
    padding: .2rem 0;
    border-top: 1px solid #eee;
    position: relative;
}

.mod-galleryItem dl {
    box-sizing: border-box;
}

.mod-galleryItem dd:after,
.mod-galleryItem dd:before {
    content: '';
    display: block;
    clear: both
}

.mod-galleryItem dl a {
    float: left;
    width: 18.4%;
    margin-left: 2%;
    border-radius: .15rem;
    border: 1px solid #fff;
    box-sizing: border-box;
    padding: .05rem;
}

.mod-galleryItem dl a img {
    border-radius: .15rem;
}

.mod-galleryItem dl a:hover {
    border-color: #e4e7ed;
    box-shadow: 0px .05rem .1rem 0px rgba(0, 0, 0, 0.08);
}

.mod-galleryItem dl a:first-child {
    margin-left: 0;
}

.mod-galleryItem dt {
    padding-top: .2rem;
    font-size: .24rem;
    color: #000;
    text-transform: uppercase;
}

.mod-galleryItem dd {
    padding-top: .2rem
}

.mod-galleryItem .threeCol a {
    width: 32%;
}

.mod-galleryItem .dlBox {
    float: right;
    width: 8.4rem;
}

.mod-galleryItem nav {
    font-size: .14rem;
    width: 2rem;
    float: left;
}

.mod-galleryItem ul {}

.mod-galleryItem h3 {
    text-transform: uppercase;
    color: #000;
    font-size: .24rem;
    border-bottom: 1px solid #eee;
    padding-bottom: .1rem;
    margin-top: .2rem;
    margin-bottom: .1rem;
}

.mod-galleryItem li {
    padding: .05rem 0 .05rem 0rem;
}

.mod-galleryItem li:hover {
    background-color: #fafafa;
}

.mod-galleryItem li:hover a {
    color: #000;
}

.navposition {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    transition: opacity .3s ease, transform .3s ease;
    background: #eee;
}


/*pricing*/

.pricingFormMod .leftbox {
    float: left;
    padding-right: .5rem;
    box-sizing: border-box;
    width: 45%;
}

.pricingFormMod .rightbox {
    float: left;
    width: 55%;
}

.pricingFormMod .priOp .pic {
    padding: 0 .3rem;
    box-sizing: border-box;
    margin-bottom: .4rem;
}

.pricingFormMod .priOp .pic img {}

.pricingFormMod .priOp dl {
    background-color: #fff;
    margin-bottom: .22rem;
    border: 1px solid #eaeaea;
    padding: .1rem;
    box-shadow: 1px 5px 10px 0 rgba(0, 0, 0, 0.1);
}

.pricingFormMod .priOp dt {
    font-weight: 700;
    font-size: .18rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: .1rem;
    margin-bottom: .1rem;
}

.pricingFormMod .priOp dd {
    padding-bottom: .05rem;
    font-size: .16rem;
}

.pricingFormMod .successcon li {
    padding: .062rem .07rem;
}

.priingItem {
    width: 11rem;
    margin: 0 auto;
    padding-top: .4rem;
}

.priingItem ul {
    margin-bottom: .3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.priingItem li {
    flex: 0 32%;
    padding: .2rem;
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    margin-top: .2rem;
    transition: transform 0.85s ease;
}

.priingItem li:nth-child(3n) {
    margin-right: 0;
}

.priingItem li h3 {
    color: #000;
    font-weight: 700;
    margin-top: .1rem;
}

.priingItem li .pic {}

.priingItem li .pic img {}

.priingItem li:hover {
    transform: translateY(-.15rem);
    z-index: 1;
    background-color: #fff;
}

.priingItem li .desc {
    font-size: .16rem;
    margin-top: .1rem;
}

.pricingPage {
    margin: .3rem 0;
}

.pricingPage .mod-text {
    margin-bottom: .6rem;
}

.pricingPage .mod-text h3 {
    padding-top: .2rem;
}

.pricingPage .mod-text h4 {
    font-size: .24rem;
    font-weight: 700;
    color: #000
}

.pricingTable {
    padding: 0 .3rem .5rem
}

.pricingTable .layui-tab-content {
    padding: 0;
}

.pricingTable .layui-table-view {
    margin: 0;
}

.pricingTable table {
    width: 100%;
}

.pricingTable .layui-table td,
.pricingTable .layui-table th {
    text-align: center;
}

.pricingTable .layui-table-view .layui-table thead tr {
    color: #fff;
    background-color: #303133;
}

.pricingTable .layui-table-view .layui-table tr td:last-child {
    border-right: none;
}

.pricingTable .layui-table-view .layui-table thead th {
    border-color: #303133;
}

.pricingTable .layui-table-view .layui-table .layui-table-header {
    border-top: none;
}

.pricingTable .layui-tab-title {
    border: none;
    height: .7rem;
    vertical-align: top;
    margin-top: .4rem;
}

.pricingTable .layui-tab-title li {
    font-size: .18rem;
    background-color: #40a960;
    color: #fff;
    border: none;
    margin-right: .02rem;
    padding: 0 .3rem;
    height: .5rem;
    line-height: .5rem;
    margin-top: .2rem;
    border-top-left-radius: .08rem;
    border-top-right-radius: .08rem;
    vertical-align: top;
}

.pricingTable .layui-tab-title .layui-this {
    background-color: #303133;
    line-height: .7rem;
    height: .7rem;
    border: none;
    margin-top: 0rem;
}

.pricingTable .layui-tab-title .layui-this:after {
    border: none;
}

.pricing .newF,
.pricing .newF .uText {
    background-color: #fff;
}

.layui-table-header,
.layui-table-view {
    border-top: none;
    border-left: none;
}

.layui-table-header {
    border-bottom: none;
}

.layui-table-fixed-l {
    /*box-shadow: none; */
}

.priceDataBottom {
    text-align: center;
    padding: .1rem .1rem;
    border: 1px solid #e6e6e6;
    border-top: none;
}

.showAllBtn {
    text-transform: uppercase;
    color: #000;
    font-size: .2rem;
}

.showAllBtn .basefont {
    background-color: #000;
    width: .24rem;
    line-height: .24rem;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: .2rem;
    font-size: .16rem;
    margin-top: -.04rem;
    vertical-align: middle;
    margin-right: .05rem;
}

.downarrow .basefont {
    transform: rotate(180deg);
}

.special_table {
    width: 100%
}

.special_table tr td,
.special_table tr th {
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    padding: .1rem .3rem;
}

.special_table tr td:first-child,
.special_table tr th:first-child {
    text-align: right;
    width: 50%;
}

.calculateBox {
    padding-top: .4rem;
    box-sizing: border-box;
}

.calculateBox .leftbox {
    padding-right: .4rem
}

.calculateBox h3 {
    color: #000;
    font-size: .24rem;
    margin: .1rem 0;
}

.calculateBox p {
    margin: .1rem 0;
}

.calculateBox strong {
    font-family: 'Montserrat'
}

.cal {
    overflow: hidden;
    margin-top: .2rem;
    font-size: .14rem;
}

.cal img {
    width: 1.85rem;
    float: left;
}

.cal .gongshi {
    float: left;
    width: 2.24rem;
    margin-left: .2rem;
    line-height: .28rem
}

.caljs .rowcal {
    line-height: .28rem;
    margin-bottom: .08rem
}

.caljs .rowcal input {
    width: .8rem;
    line-height: .24rem;
    box-sizing: border-box;
    text-align: center;
}

.caljs .rowcal button {
    width: .8rem;
    line-height: .26rem;
    padding: 0;
    box-sizing: border-box;
    background-color: #fca027;
    border: 1px solid #fca027;
    border: none;
    color: #fff;
    cursor: pointer;
}

.caljs .rowcal button:hover {
    background-color: #f49040;
}

.caljs .rowcal label {
    display: inline-block;
    width: .86rem;
    text-align: right;
    padding-right: .05rem;
}

.caljs .rowcal i {
    font-style: normal;
    padding-left: .05rem;
}

.blue {
    color: #000;
}


/*optionpatch*/

.patchoptionPage .mod-text {
    margin-bottom: .2rem;
}

.patchoptionPage .mod-text strong {
    margin-top: .2rem;
    margin-bottom: .1rem;
    display: inline-block;
    color: #000;
}

.patchoptionPage .mod-text .bd {
    text-align: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.patchoptionPage .mod-text .bd p {
    text-align: center
}

.patchoptionPage .mod-text .fourit {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.patchoptionPage .mod-text dl {
    flex: 0 24%;
    background-color: #f9f9f9;
    box-sizing: border-box;
    padding: .15rem;
    border-top: 3px solid #ddd;
    transition: transform .85s;
}

.patchoptionPage .mod-text dl:hover {
    border-color: #000;
    transform: translateY(-.15rem);
}

.patchoptionPage .mod-text dt {
    font-weight: 700;
    color: #000;
    text-align: center;
    padding-bottom: .1rem;
}

.patchoption_ban .text {
    padding-top: 1.2rem;
    font-size: .82rem
}

.patchoption_ban .desc {
    text-transform: none;
    font-size: .24rem;
    width: 70%;
    display: inline-block;
    margin: 0 auto;
}

.patchoptionItem {
    width: 11rem;
    margin: 0 auto;
}

.patchoptionItem ul {
    margin-bottom: .3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}


/*.patchoptionItem ul::after { content: ''; display: block; clear: both; }*/

.patchoptionItem li {
    flex: 0 19%;
    padding: .12rem;
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    margin-top: .2rem;
    transition: transform .85s;
}

.patchoptionItem li:hover {
    transform: translateY(-.15rem);
}

.patchoptionItem li:nth-child(5n) {
    margin-right: 0;
}

.patchoptionItem li h3 span {
    color: #e83611;
    padding-left: 8px;
}

.patchoptionItem li .pic {
    overflow: hidden;
}

.patchoptionItem li .pic img {
    transition: transform 0.85s ease;
}

.patchoptionItem li:hover .pic img {
    /*transform: scale(1.14, 1.14);*/
}

.patchoptionItem li h3 {
    text-align: center;
    color: #000;
    font-size: .18rem;
    font-weight: 700;
    margin-top: .2rem;
}

.patchoptionItem li .prop {
    text-align: center;
    color: #606266;
    margin-top: .1rem;
}

.patchoptionItem li .desc {
    border-top: 1px solid #e4e7ed;
    margin-top: .1rem;
    padding-top: .1rem;
    font-size: .16rem;
    line-height: 160%;
}

.ppomod {
    background-color: #fafafa;
    padding-bottom: .5rem;
}

.ppomod .bd {
    padding-top: .5rem;
}

.ppomod .ppo {
    margin-top: .5rem;
    padding: .3rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.ppomod .ppo li {
    margin: .2rem 0;
    text-align: center;
    background-color: #fff;
    flex: 0 19%;
    padding: .15rem;
    box-sizing: border-box;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
    transition: transform .85s;
}

.ppomod .ppo li:hover {
    transform: translateY(-.15rem);
}

.ppomod .ppo li i {
    display: inline-block;
    background-color: #000;
    color: #fff;
    font-style: normal;
    width: .3rem;
    line-height: .3rem;
    text-align: center;
    border-radius: .2rem;
    margin-right: .1rem;
    margin-bottom: .1rem;
    margin-top: .05rem;
}

.ppomod .ppo li p {
    text-align: left;
}


/**/

.testimonials_ban .text {
    padding-top: 1.45rem;
    font-size: .82rem;
}

.testimonialsPage .tItem {}

.testimonialsPage .mod-testi .bd {
    padding: .1rem 0 .5rem;
}

.testimonialsPage .mod-testi .yinyan {
    margin-bottom: .4rem;
}


/*about*/

.about_ban .text {
    padding-top: 1.5rem;
}

.aboutmod .hd:before {
    display: none;
}

.aboutmod .hd {
    font-size: .42rem;
}

.aboutmod .bd {
    position: relative;
    font-size: .18rem;
    margin-bottom: .8rem;
}


/* .aboutmod .bd:before { content: "\e643"; font-family: basefont; position: absolute; right: 0; bottom: -.1rem; font-size: .5rem; color:#eee; }
.aboutmod .bd:after { content: "\e643"; font-family: basefont; position: absolute; left: 0; top: -.3rem; font-size: .5rem; color:#eee;transform:rotate(180deg); } */

.aboutmod p {
    margin: .1rem 0 .2rem;
}

.telm {
    color: #000;
    text-align: center;
    font-size: .24rem;
    margin: .4rem 0;
    background-color: #fafafa;
    padding: .5rem 0;
}

.telm span {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
}

.telm span:first-child {
    border-right: 1px solid #e6e6e6;
}

.aboutmod dl {
    margin-bottom: .4rem;
}

.aboutmod dt {
    font-size: .24rem;
    font-weight: 700;
    text-align: center;
}

.aboutmod dd p {
    text-align: center
}

.aboutmod .pic {
    font-size: 0;
}

.aboutmod .pic img {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: .2rem;
}

.aboutmod .pic img:nth-child(2n) {
    margin-right: 0;
}

.red {
    color: #e83611;
}


/*faq*/

.faqmod .faqimgtit {
    margin-top: 0rem;
    margin-bottom: .4rem;
}

.faqmod dd {
    display: none;
}

.faqmod dt {
    font-size: .20rem;
    color: #303133;
}

.faqmod dl {
    border-bottom: 1px solid #e4e7ed;
}

.faqmod dt:before {
    content: '\e66c';
    font-family: "basefont";
    font-size: .18rem;
    position: absolute;
    right: .16rem;
    top: 50%;
    margin-top: -.07rem;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    color: #606266;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.faqmod dt {
    border-top: 1px solid #e4e7ed;
    padding: .3rem 0;
    position: relative;
}

.faqmod dd {
    display: none;
    padding: 0 40px;
    border-bottom: 1px solid #e4e7ed;
    padding-bottom: .3rem;
}

.faqmod dt:first-of-type {
    border-top: 1px solid #e4e7ed;
}

.faqmod dt.active {
    color: #000;
    font-weight: 700;
}

.faqmod dt.active:before {
    font-size: .18rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #000;
}

.faqmod dt.active+dd {
    border-bottom: none;
}

.faqmod .layui-tab-title {
    border-bottom: none;
    overflow: hidden;
}

.faqmod .layui-tab-title li {
    width: 50%;
    background-color: #ebeef5;
    font-size: .24rem;
    text-transform: uppercase;
    border: none;
}

.faqmod .layui-tab-title .layui-this {
    border: none;
    background-color: #000;
    color: #fff;
}

.faqmod .layui-tab-bar {
    display: none;
}

.fatext {
    margin-top: .4rem;
    font-size: .24rem;
    color: #606266
}


/*privacyPolicy*/

.privacyPolicy_ban .text {
    padding-top: 1.5rem;
    color: #fff;
    padding-bottom: .3rem;
    line-height: .72rem;
    font-size: .82rem;
}

.privacyPolicy_ban .desc {
    color: #fff;
    font-size: .24rem;
    margin-top: .1rem;
}

.privacyPolicy_ban .tl {
    line-height: .44rem;
    color: #fff;
}

.privacyPolicy_mod .wvyp {
    text-align: center;
    color: #f4ac40;
    text-transform: uppercase;
    margin-bottom: .5rem
}

.privacyPolicy_mod dl {
    border: 1px solid #e6e6e6;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    padding: .5rem;
    margin-bottom: .5rem;
}

.privacyPolicy_mod dl dt {
    margin: .2rem 0;
    font-size: .24rem;
    color: #000;
}

.privacyPolicy_mod dl dd {
    margin-bottom: .5rem;
}

.privacyPolicy_mod dl dd li {
    margin: .2rem 0;
}

.privacyPolicy_mod dl dd li h5 {
    margin: .1rem 0;
}


/*contact*/

.acmod {
    background-color: #fafafa;
    padding: .4rem;
    margin-top: .4rem;
    margin-bottom: .4rem;
}

.acmod p {
    line-height: 200%
}

.contactPage .mod-text h3 {
    margin-bottom: .4rem;
}

.contactPage .mod-text .bd {
    margin-bottom: .4rem;
}

.contact_ban .text {
    padding-top: 1.5rem;
    font-size: .82rem;
}

.contact_mod {
    margin-bottom: .5rem;
}


/*.contact_mod h3{margin:0rem 0 .4rem;   font-size: .34rem; color: #000; text-align:center; }*/

.messagebox {
    border: 1px solid #e6e6e6;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
    padding: 0rem .2rem .4rem;
}

.messagebox .layui-form-label {
    display: block;
    text-align: left;
    width: 100%;
    padding-left: 0;
    color: #909399;
}

.messagebox .layui-form {
    max-width: 5rem;
    margin: 0 auto;
}

.messagebox .layui-block-inline {
    margin-top: .1rem;
}

.messagebox .layui-btn {
    width: 100%;
    margin-top: .1rem
}

.layerOnline {
    display: none;
    color: #333;
}

.layerOnline h3 {
    font-weight: 700;
    line-height: .3rem;
    padding: 0.05rem .2rem;
    background-color: #444;
    color: #fff;
    border-bottom: 1px solid #eee;
    text-align: center;
    font-size: .16rem;
}

.layerOnline p {
    padding: .15rem .2rem 0;
    line-height: .18rem;
}

.layerMsg {
    border: none;
    margin-left: -10px!important;
    border-radius: 0!important;
}

.layerMsg .msg {
    overflow: hidden;
}

.row2 .layui-inline {
    float: right;
}

.row2 .layui-inline:first-child {
    float: left;
}

.layerMsg .layui-inline {
    margin-top: 0;
    margin-bottom: .1rem;
}

.layerMsg .layui-form-item {
    margin-bottom: 0;
}

.layerMsg .layui-form {
    padding: .05rem .2rem .2rem;
}

.layerMsg .msg .layui-inline {
    width: 47.9%;
}

.layerMsg .layui-layer-setwin .layui-layer-close2::before {
    content: "\e729";
    color: #fff;
    font-size: 20px;
}

.layerMsg .layui-layer-setwin .layui-layer-close2:hover::before {
    color: #fff;
    opacity: .6;
}

#sticky-buttons {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 800;
}

#sticky-buttons .chat {
    background-color: #40a960;
    color: #fff;
    padding: .1rem .2rem .08rem;
    display: inline-block;
    margin: .1rem;
    float: right;
    box-shadow: 0px .05rem .1rem 0px rgba(0, 0, 0, 0.2);
    font-size: .17rem;
}

#sticky-buttons .chat .iconfont {
    font-size: .24rem;
    line-height: .24rem;
    margin-right: .05rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -.04rem;
}

#sticky-buttons .chat:hover {}

#sticky-buttons .backtop {
    background-color: rgba(5, 131, 187, .8);
    color: #fff;
    padding: .1rem .2rem .08rem;
    border-radius: 1rem;
    display: inline-block;
    margin: .1rem 0;
    float: right;
    box-shadow: 0px .05rem .1rem 0px rgba(0, 0, 0, 0.2);
    font-size: .17rem;
    display: none;
}

#sticky-buttons .backtop .iconfont {
    font-size: .24rem;
    line-height: .24rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -.04rem;
}

.submitBtn .layui-btn {
    background-color: #40a960;
}

#focus2 {
    margin-top: 20px;
}

.sp-mask {
    border: 1px solid #eee;
    border-right: none;
    box-sizing: border-box;
}

.sp-thumbnails-container {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.sp-thumbnail-container {}

.sp-thumbnail {
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    padding: .05rem;
    height: 100%;
    box-sizing: border-box;
    background-color: #fff;
}

.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child .sp-thumbnail {
    border-bottom: 0;
}

.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
    margin: 0;
}

.sp-thumbnail img {
    height: 99.2%;
    width: 100%;
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
    left: 0;
}

.sp-selected-thumbnail .sp-thumbnail:before {
    content: '';
    position: absolute;
    height: 100%;
    border-left: 5px solid #F00;
    left: 0;
    top: 0;
    margin-left: -5px;
    border-color: #000;
    display: none;
}

.sp-selected-thumbnail .sp-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    top: 50%;
    margin-top: -8px;
    border-right: 13px solid #000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    display: none
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail::before,
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail::after {
    display: none;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail .sp-thumbnail {
    background-color: #000;
}

.sp-image-container {
    box-sizing: border-box;
    padding: .08rem .1rem .11rem .09rem;
    background-color: #fff;
}

.sp-arrow {}

.sp-previous-arrow::before,
.sp-previous-arrow::after,
.sp-next-arrow::before,
.sp-next-arrow::after {
    background-color: #000;
}

.sp-right-thumbnails.sp-has-pointer {
    margin-left: 0
}

.fixedNav {
    position: fixed;
    top: .5rem;
    height: 90%;
    overflow-y: auto;
    z-index: 0;
    display: block
}


/*留言列表无缝滚动*/

.liMarqueeBox {
    height: 200px;
}

.str_wrap {
    overflow: hidden;
    /*zoom: 1;*/
    width: 100%;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.str_wrap.str_active {}

.str_move {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
}

.str_move_clone {
    display: inline-block;
    /*display: inline; zoom: 1;*/
    vertical-align: top;
    position: absolute;
    left: 100%;
    top: 0;
}

.str_vertical .str_move_clone {
    left: 0;
    top: 100%;
}

.str_down .str_move_clone {
    left: 0;
    bottom: 100%;
}

.str_vertical .str_move,
.str_down .str_move {
    white-space: normal;
    width: 100%;
}

.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
    cursor: inherit;
}

.ui-row {
    width: 11rem;
    margin: 0 auto;
}

.templatePage .banner {
    background-color: none;
    height: auto;
    overflow: hidden;
}

.customPage .banner img {
    margin-top: -2px;
}

.banner {
    background-color: #dbd9d9;
}

.banner .con {
    width: 100%;
    min-width: 12rem;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: unset;
    padding: 0;
    height: 5rem;
    box-sizing: border-box;
}

.banner .con .imgbox {
    height: 5rem;
    text-align: right;
    box-sizing: border-box;
    padding: .2rem 0;
}

.banner .con .imgbox img {
    height: 100%;
    width: auto;
    max-width: inherit;
}

.banner .con .text {
    width: 6rem;
    text-align: center;
    align-self: center;
    margin-left: .1rem;
}

.banner .con h2 {
    font-size: .52rem;
    text-align: center;
}

.banner .con h2 .s1 {
    font-size: .34rem;
    display: block;
    margin-bottom: .1rem;
}

.banner .con h2 .s2 {
    line-height: 100%;
}

.banner .con .text p {
    display: inline-block;
    text-align: left;
    font-size: .24rem;
    line-height: 150%;
    margin-top: .2rem;
}

@media screen and (max-width:1366px) {
    .banner .con .text {
        width: auto;
        margin-left: 3%;
    }
    .banner .con .imgbox {
        width: 50%;
        display: flex;
    }
    .banner .con .imgbox img {
        height: auto;
        align-self: center;
        width: 100%;
        max-width: inherit;
    }
}


/* @media screen and (min-width:1440px) and (max-width:1600px){
    .banner .con .text{ width: 40%; }
  }
@media screen and (min-width:1601px) and (max-width:1920px){
    .banner .con .text{ width: 40%; }
} */

.titleName {
    line-height: 1.2rem;
    font-size: .42rem;
    /**/
    margin-bottom: .4rem;
    font-weight: bold;
    text-align: center;
    color: #000;
    border-bottom: 1px solid #eee;
}

.titleName .yhtext {
    font-size: .16rem;
    margin-top: -.8rem;
}

.crumb {
    padding: .2rem 0;
    font-size: .22rem;
}

.crumb i {
    font-family: 'basefont';
    font-style: normal;
    font-size: .18rem;
    vertical-align: middle;
    padding: 0 .1rem;
}

.crumb label {
    color: #e83611;
}

.mainfunc {
    width: 11rem;
    margin-bottom: .4rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    /*align-items: top;*/
}

.spic {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
    margin-top: .1rem;
}

.spic a {
    flex: 0 14%;
    box-sizing: border-box;
    cursor: pointer;
}

.mainfunc .leftbox {
    flex: 0 39%;
}

.mainfunc .bigpic {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 4.84rem;
    height: 4.84rem;
    background-color: #eee;
}

.mainfunc .spic:hover .bigpic {
    display: block;
}

.mainfunc .spic a {
    border: 2px solid #fff;
}

.mainfunc .spic .sel {
    border-color: #000;
}

.mainfunc .cusm {
    position: relative;
}

.mainfunc .cusm .pic img {
    width: 100%;
    margin-bottom: .2rem;
}

.mainfunc .cusm .pic img:last-child {
    margin-bottom: 0;
}

.mainfunc .cusm dt {
    font-size: .18rem;
    padding-top: .3rem;
    padding-bottom: .2rem;
}

.mainfunc .cusm dd {
    font-size: .18rem;
    padding-top: 0rem;
    padding-bottom: .2rem;
}

.mainfunc .cusm dd:last-child {
    padding-bottom: 0;
}

.mainfunc .rightbox {
    flex: 0 55%;
}

.mainfunc .rightbox .formbox {
    padding-top: .2rem;
}

.laym {
    padding: 0 0 .3rem;
    margin-bottom: .3rem;
}

.bgc_info {
    background-color: #fff;
}

.item-4 {
    width: 11rem;
    margin: 0 auto;
}

.item-4 h2 {
    font-size: .32rem;
    color: #e83611;
    font-weight: 700;
    padding: .2rem 0;
}

.item-4 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}


/*.item-4 ul::after { content: ''; display: block; clear: both; }*/

.item-4 li {
    flex: 0 23.5%;
    padding: .2rem;
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-top: .2rem;
    transition: transform 0.85s ease;
}

.item-4 li .pic {
    padding-bottom: .1rem;
}

.item-4 li h3 {
    color: #000;
    font-weight: 700;
    margin-top: .1rem;
    border-bottom: 1px solid #eee;
    padding-bottom: .1rem;
    font-size: .18rem;
}

.item-4 li h3 i {
    font-style: normal;
    font-weight: normal;
    color: #888;
    font-size: .16rem;
}

.item-4 li p:first-of-type {
    padding-bottom: .15rem;
}

.item-4 li:hover {
    transform: translateY(-.15rem);
    z-index: 1;
    background-color: #fff;
}

.item-4 li .desc {
    font-size: .15rem;
    line-height: 150%;
    margin-top: .1rem;
    /*word-break:break-all;*/
}

.item-4 li .red {
    color: #e83611
}

.item-5 {
    width: 11rem;
    margin: 0 auto;
}

.item-5 h2 {
    font-size: .32rem;
    color: #e83611;
    font-weight: 700;
    padding: .2rem 0;
}

.item-5 ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}


/*.item-5 ul::after { content: ''; display: block; clear: both; }*/

.item-5 li {
    flex: 0 18.4%;
    padding: .2rem;
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-top: .2rem;
    transition: transform 0.85s ease;
}

.item-5 li .pic {
    padding-bottom: .1rem;
}

.item-5 li h3 {
    color: #000;
    font-weight: 700;
    margin-top: .1rem;
    border-bottom: 1px solid #eee;
    padding-bottom: .1rem;
    font-size: .18rem;
}

.item-5 li h3 i {
    font-style: normal;
    font-weight: normal;
    color: #888;
    font-size: .16rem;
}

.item-5 li p:first-of-type {
    padding-bottom: .15rem;
}

.item-5 li:hover {
    transform: translateY(-.15rem);
    z-index: 1;
    background-color: #fff;
}

.item-5 li .desc {
    font-size: .15rem;
    line-height: 160%;
    margin-top: .1rem;
    /*word-break:break-all;*/
}

.item-5 li .red {
    color: #e83611
}


/*body[pageName="index"] .hdt h2{ text-align: center; }*/

.hdt {
    position: relative;
    margin-top: .8rem;
    padding-bottom: .4rem;
}

.hdt h2 {
    font-size: .32rem;
    font-weight: 700;
    color: #000;
    text-align: center;
}

.hdt .sharebox {
    position: absolute;
    right: 0;
    top: 0;
}

.hdt .more {
    position: absolute;
    right: 0;
    top: .13rem;
    display: none;
}

.hdt .more:hover {
    color: #000
}

.otherPro {
    margin-top: .4rem;
    border-top: 20px solid #f9f9f9;
}

.otherPro ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: unset;
    max-width: 70%;
    min-width: 12rem;
    margin: 0 auto;
}

.otherPro li {
    flex: 0 18.8%;
    box-shadow: 2px 2px 6px #aaa;
    box-sizing: border-box;
    padding: .1rem;
}

.otherPro li h3 {
    font-weight: 700;
    margin-top: .1rem;
}

.otherPro li p {
    text-align: left;
    margin-top: .1rem;
    font-size: .15rem;
}

.otherPro li p strong {
    font-weight: 500;
}

.otherPro li:hover a {
    color: #000;
}

.customOptionbox {
    padding: .6rem 0;
    background-color: #fff;
    border-top: 20px solid #f9f9f9;
}

.customOptionbox .ui-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.customOptionbox .optionItem {
    flex: 0 100%;
    padding-bottom: 0;
}

.customOptionbox h2 {
    font-size: .3rem;
    font-weight: 700;
    text-align: center;
    color: #000;
    /* text-transform: uppercase; */
    padding: .1rem 0;
    margin-bottom: .25rem;
}

.optionItem dd {
    display: none;
}

.optionItem dt {
    font-size: .20rem;
    color: #303133;
    font-weight: 700;
}

.optionItem dl {
    border-bottom: 1px solid #e4e7ed;
    margin-bottom: .2rem;
}

.optionItem dt:after {
    content: '\e727';
    font-family: "basefont";
    font-size: .18rem;
    position: absolute;
    right: 0rem;
    top: 46%;
    margin-top: -.07rem;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    color: #000;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    background-color: #fff;
    border-radius: .03rem;
}

.optionItem dt {
    border-top: 1px solid #e4e7ed;
    padding: .2rem 0;
    position: relative;
}

.optionItem dd {
    display: none;
    padding: 0 .3rem;
    border-bottom: 1px solid #e4e7ed;
    padding-bottom: .3rem;
}

.optionItem dt:first-of-type {
    border-top: 1px solid #e4e7ed;
}

.optionItem dt.active {
    color: #000;
    font-weight: 700;
}

.optionItem dt.active:after {
    font-size: .18rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    content: '\e729';
    background-color: #fff;
}

.optionItem dt.active+dd {
    border-bottom: none;
}

.optionItem dd p {
    text-align: left;
    padding: .1rem 0 0rem;
    /*word-break:break-all;*/
}

.optionItem dd li {
    line-height: .3rem;
}

.optionItem .spimg {
    margin-bottom: .2rem;
}

.optionItem .btext {}

.optionItem .btext span {
    color: #000;
}

.order_step_m {
    background-color: #fafafa;
    border-radius: .1rem;
    border: 1px solid #eee;
    padding: .2rem;
    margin-bottom: .4rem;
}

.order_step_m .inTop {
    font-size: .26rem;
    font-weight: 700;
    color: #303133;
    text-transform: uppercase;
    margin-bottom: .2rem;
}

.order_step_m .inTop span {
    color: #000;
}

.order_step_m .inTop i {
    color: #e83611;
    font-style: normal;
}

.order_step_m .stbox {}

.order_step_m .st {
    width: 2.2rem;
    text-align: left;
}

.order_step_m .st img {
    border: 1px solid #eee;
    padding: .1rem;
    background-color: #fff;
    width: 1.7rem;
}

.order_step_m .st p {
    margin-top: .1rem;
    text-align: left;
    font-size: .14rem;
}

.order_step_m .st1 {
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    position: relative;
    left: .5rem;
}

.order_step_m .st2 {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
    position: relative;
    left: .6rem;
}

.order_step_m .barrow {
    margin-top: -.3rem;
}

.order_step_m .barrow2 {
    margin-left: 2.2rem;
    margin-top: -.3rem;
}

.order_step_m .airWrap,
.order_step_m .cshuWrap {
    text-align: center
}

.order_step_m .air {
    width: 40%;
}

.order_step_m .cshu {
    width: 80%;
}

.order_step_m .btext {
    font-size: .14rem;
    margin-top: .2rem;
}

.layui-row {
    width: 11rem;
    margin: 0 auto;
}

.bgc_htma {
    background-color: #f9f9f9;
    padding: .3rem 0;
    margin-top: .4rem;
}

.bgc_htma .item-3 h2 {
    font-size: .32rem;
    color: #000;
    font-weight: 700;
    padding: .2rem 0;
}

.item-3 {
    width: 11rem;
    margin: 0 auto;
}

.item-3 ul {
    margin-bottom: .3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}


/*.item-3 ul::after { content: ''; display: block; clear: both; }*/

.item-3 li {
    flex: 0 32%;
    height: 4.4rem;
    padding: .2rem;
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-top: .2rem;
    transition: transform 0.85s ease;
}

.item-3 li h3 {
    color: #000;
    font-weight: 700;
    margin-top: .1rem;
    border-bottom: 1px solid #eee;
    padding-bottom: .1rem;
    font-size: .2rem;
}

.item-3 li p:first-of-type {
    padding-bottom: .15rem;
}

.item-3 li:hover {
    transform: translateY(-.15rem);
    z-index: 1;
    background-color: #fff;
}

.item-3 li .desc {
    font-size: .16rem;
    margin-top: .1rem;
    word-break: break-all;
}

.item-3 li .red {
    color: #e83611
}

.cateSide {
    background-color: #fafafa;
    width: 2.3rem;
    position: absolute;
    top: .2rem;
    left: 0;
    padding: .1rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.cateSide ul {
    padding-bottom: .5rem;
}

.cateSide li {
    line-height: .3rem;
}

.cateSide li:hover a {
    color: #000;
    cursor: pointer;
}

.cateSide .sel a {
    color: #000;
    cursor: pointer;
}

.item-5 {
    margin: 0 auto;
}

.item-5 .ui-row {
    position: relative;
}

.item-5 .cusitem {
    margin-bottom: .3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.item-5 .cusitem li {
    flex: 0 19%;
    vertical-align: top;
    padding: .12rem;
    box-sizing: border-box;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    margin-top: .2rem;
    transition: transform 0.85s ease;
}

.item-5 .cusitem li h3 {
    color: #000;
    font-weight: 700;
    border: none;
    margin-top: .1rem;
    padding-bottom: 0;
    font-size: .15rem;
    word-break: break-all;
}

.item-5 .cusitem li:hover {
    transform: translateY(-.15rem);
    z-index: 1;
}

.item-5 .cusitem .sel {
    transform: translateY(-.1rem);
    z-index: 1;
    background-color: #fff;
    border-color: #000;
    border-top-width: .04rem;
}

.item-5 .cusitem li div {
    font-size: .14rem;
    margin-top: .1rem;
    /* word-break:break-all;*/
}

.item-5 .cusitem li .red {
    color: #e83611
}


/*blog*/

.blogpage {
    border-top: 20px solid #f9f9f9;
}

.blogpage .hd:before {}

.blogpage .hd {}

.blogpage .bd {
    margin-bottom: .6rem;
    text-align: center
}

.blogpage .bd p:before {
    content: "\e643";
    font-family: basefont;
    position: absolute;
    right: 0;
    bottom: -.05rem;
    font-size: .4rem;
    color: #eee;
}

.blogpage .bd p:after {
    content: "\e643";
    font-family: basefont;
    position: absolute;
    left: 0;
    top: -.1rem;
    font-size: .4rem;
    color: #eee;
    transform: rotate(180deg);
}

.blogpage .bd p {
    font-size: .2rem;
    display: inline-block;
    position: relative;
    padding: 0 .6rem;
}

.blogItem {
    width: 11rem;
    margin: 0 auto;
    padding-bottom: .8rem
}

.blogpage ul {
    margin-bottom: .3rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.blogpage li {
    flex: 0 31%;
    box-sizing: border-box;
    margin-top: .2rem;
    transition: transform .85s;
    background-color: #f9f9f9;
}

.blogpage li:hover {
    transform: translateY(-.15rem);
}

.blogpage li h3 {
    padding: .3rem .2rem;
}

.blogpage .fpage {
    text-align: center;
    font-size: .2rem;
}

.blogpage .fpage span {
    display: inline-block;
    color: #98a2b1;
    margin-right: .3rem;
}

.blogpage .fpage a {
    display: inline-block;
    color: #98a2b1;
    transition: color .5s;
    margin-right: .2rem
}

.blogpage .fpage a:hover {
    color: #000;
}

.artiCon h2 {
    font-size: .34rem;
    line-height: 130%;
    text-align: center;
    font-weight: 400;
}

.artiCon h2 span {
    font-weight: 400;
    display: block;
}

.artiCon {
    padding: 0 0 .8rem;
    max-width: 7rem;
}

.artiCon .pic {
    text-align: center
}

.artiCon .con {
    padding-top: .3rem;
}

.artiCon .con h3 {
    margin: .15rem 0;
    font-size: .24rem
}

.artiCon .con p {
    margin: .15rem 0;
}

.backblog {
    margin: .4rem 0 0;
    font-size: .2rem
}

.backblog a {
    color: #0066e2;
}

.savings {
    border-top: 20px solid #f9f9f9;
    padding-bottom: .4rem;
}

.savings dt {
    font-size: .2rem;
    font-weight: 500;
    text-align: center;
}

.savings dt p {
    font-size: .14rem;
    margin-top: .1rem;
    font-weight: 400;
    color: #606266;
    text-align: center;
}

.savings dt p.tleft {
    text-align: left;
}

.savings .ui-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.savings dl {
    width: 24%;
    margin-bottom: .2rem;
    background-color: #fff;
    position: relative;
    padding: .15rem;
    box-sizing: border-box;
    transition: all .5s;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.savings dl .imgbox {
    align-self: flex-start;
    max-height: 100%;
}

.moremod {
    text-align: center;
    margin-top: .3rem;
}

.moremod a {
    display: inline-block;
    width: 2rem;
    line-height: .44rem;
    background-color: #40a960;
    color: #fff;
}

.infoText {
    text-align: center;
    margin-top: -.2rem;
    margin-bottom: .2rem;
}

.htpp {}

.htpp .hd {}

.htpp .item ul {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: unset;
}

.htpp .item li {
    flex: 0 17%;
    margin-top: .2rem;
    vertical-align: top;
    text-align: center;
    transition: transform .5s;
}

.htpp .item li img {
    margin-bottom: 0rem;
    background: #fff;
    box-sizing: border-box;
}

.htpp .item li:hover {
    transform: scale(1.15);
    color: #000;
}

.htpp .item li .desc {
    font-size: .14rem;
}

.boht {
    padding: 0;
}

.boht .hd {
    padding-top: 0;
}

.baseStyle {
    border-top: 20px solid #f9f9f9;
}

.baseStyle .hd {
    padding-top: .6rem;
}

.baseStyle .itemdp {
    display: flex;
    justify-content: space-between;
    margin-top: .3rem;
}

.baseStyle dl {
    flex: 0 30%;
    text-align: center;
    margin-bottom: .6rem;
}

.baseStyle dt {
    font-weight: 700;
    font-size: .18rem;
    margin: .2rem 0 .1rem;
}

.pbomod dl img {
    width: 60%;
}

.pbomod .ui-row {
    min-width: 80%;
}

.cpmTextmod {
    margin: .3rem 0 .8rem;
    /* border-top: 20px solid #f9f9f9; */
}

.cpmTextmod .hd {
    font-size: .32rem;
    text-transform: uppercase
}

.indexForm {
    margin: .6rem 0 .0rem;
    background: #f9f9f9;
}

.index .formbmod {
    padding-bottom: .4rem;
}

.newS {
    display: flex;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: flex-start;
    flex-wrap: wrap;
    border-top: 20px solid #f9f9f9;
}

.newS h3 {
    font-size: .26rem;
    margin-bottom: .1rem;
    font-weight: 500;
    line-height: 140%;
    /* text-transform: uppercase */
}

.newS h4 {
    font-size: .2rem;
    font-weight: 500;
    margin-bottom: .15rem;
}

.newS .bigfont {
    font-size: .24rem;
}

.newS>div {
    width: 50%;
    box-sizing: border-box;
}

.newS>.modntit {
    flex: 100%;
    font-size: .32rem;
    font-weight: 500;
    text-align: center;
    padding: .6rem 0 .4rem
}

.newS>.modntit p {
    font-size: .18rem;
    font-weight: 400;
    margin-top: .2rem;
}

.newS img {
    max-width: 100%;
}

.newS .text {
    line-height: 160%;
    margin-bottom: .2rem;
}

.newS .swiper-pagination,
.newS .swiper-pagination-fraction {
    position: static;
    font-size: .28rem;
    width: auto;
    text-align: left;
    display: inline-block;
    text-shadow: none;
    vertical-align: middle;
    height: .28rem;
    line-height: .28rem;
    color: #8a8a8a;
    font-weight: 300;
    margin: .02rem .1rem 0;
}

.newS .ctrl {
    padding-top: .4rem;
}

.newS .swiper-pagination-fraction .swiper-pagination-current {
    font-size: .28rem;
    color: #40a960;
}

.newS .swiper-button-next,
.newS .swiper-button-prev {
    position: static;
    vertical-align: middle;
    margin-top: 0;
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-size: auto 100%;
    background-image: url();
}

.newS .swiper-button-prev {
    transform: rotate(180deg);
}

.newS .swiper-button-next:hover,
.newS .swiper-button-prev:hover {
    background-image: url();
}

.btnbox {
    margin-top: .3rem;
}

.newS .bct {}

.btnbox a {
    display: inline-block;
    padding: 0 .8rem;
    font-size: .18rem;
    line-height: .54rem;
    color: #40a960;
    border: .02rem solid #40a960;
    cursor: pointer;
    background: #40a960;
    color: #fff;
}

.btnbox a:hover {
    color: #fff;
    background-color: #40a960;
}

.newS .uText {
    padding: 0 4%;
}

.newA .uText,
.newC .uText {
    padding: 3% 2% 3% 18%;
}

.newB .uText,
.newE .uText {
    padding: 3% 5% 3% 7%;
}

.newD .uText {
    padding: 0% 5% 3% 0%;
}

.newF .uText {
    padding: 3% 5% 3% 0%;
}

.newF .uText .bf30 {
    width: 32%;
}

.newD .uImg {
    padding: 0% 0 5%;
    text-align: center;
}

.newA .uImg {
    padding: 2% 0 3%;
    text-align: center;
}

.newD {
    margin-top: 0rem;
}

.newA .uImg img {
    width: 86%;
}

.newD .uImg img {
    width: 70%;
}

.newD .uImg {
    text-align: right;
    padding-right: 5%;
}

.newD .text p {
    margin-bottom: .1rem;
}

.newE .c {
    display: none;
    height: 190px;
}

.newE .show {
    display: block;
}

.newF .uImg img {
    width: 70%;
}

.newF .uImg {
    text-align: right;
    padding-right: 5%;
    margin: 5% 0;
}

.newF,
.newD {
    /* background-color: #fafafa; */
}

.newE .bct {
    text-align: center;
}

.newE .ctrl {
    text-align: center
}

.newE .uText b {
    margin-top: .1rem;
    display: inline-block;
    font-size: .18rem;
}

.newE .uText .date {
    font-size: .18rem;
    position: absolute;
    top: 0;
    right: .1rem;
    color: #666
}

.newE .uText h3 {
    position: relative;
}

.swiper-factory {
    width: 100%;
    height: 100%;
}

.index .newE,
.index .newC,
.index .newA {
    /* background-color: #fafafa; */
}

.index .newD,
.index .newF {
    background-color: #fff;
}

.center {
    text-align: center;
}

.yhtext i {
    font-style: normal;
    display: inline-block;
    padding-right: .02rem;
}

.yhtext .tags {
    padding: .05rem .15rem;
    display: inline-block;
    margin: 0 .03rem .1rem;
    border: .01rem solid #eee;
    background-color: #fff;
    border-radius: .8rem;
    box-shadow: #eee 0 4px 8px;
}

.gaWall {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.gaWall span {
    box-sizing: border-box;
}

.gaWall .row {
    flex: 0 0 49%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gaWall .row a {
    display: inline-block;
    margin-bottom: .1rem;
}

.gaWall .col12 {
    flex: 0 0 100%;
}

.gaWall .col12 img {
    width: 100%;
    height: 4rem;
}

.gaWall .col6 {
    flex: 0 0 49%;
}

.gaWall .col6 img {
    width: 100%;
    height: 1.96rem;
}

.bgf1 {
    background-color: #f1f1f1;
}

.inQuteIndex .flexwrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.inQuteIndex .dlItem {
    padding-bottom: .6rem;
}

.inQuteIndex .dlItem dl:hover {
    transform: scale(1.05);
    box-shadow: 0px 5px 10px #ccc;
}

.inQuteIndex .dlItem dl {
    flex: 0 0 31%;
    vertical-align: top;
    margin-right: 3%;
    display: inline-block;
    font-size: .14rem;
    margin-bottom: .3rem;
    background-color: #fff;
    position: relative;
    padding: .15rem;
    box-sizing: border-box;
    transition: all .5s;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

.inQuteIndex .dlItem .t {
    font-size: .42rem;
}

.inQuteIndex .dlItem dl:nth-child(3n),
.inQuteIndex .dlItem dl:last-child {
    margin-right: 0;
}

.inQuteIndex .dlItem dl dt {
    font-size: .18rem;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

.inQuteIndex .dlItem dl dd {
    font-size: .14rem;
    padding-top: .1rem;
    line-height: 180%;
    color: #666;
    line-height: 140%;
    text-align: center;
}

.inQuteIndex .dlItem dl .jiajia {
    text-align: center;
    color: #e83611;
    margin-bottom: .15rem;
    font-size: .12rem;
    line-height: 140%;
}

.inQuteIndex .dlItem dl .jiajia>span {
    color: #000;
    display: block;
}

.inQuteIndex .dlItem dl .jiajia+dd {
    margin-bottom: .15rem;
}

.stepTurn .dlItem dl .jiajia+dd {
    margin-bottom: .55rem;
}

.inQuteIndex .dlItem dl dd p {
    margin-top: .1rem;
}

.inQuteIndex .dlItem dl dd .price {
    background: #f5f5f5;
    padding: 15px;
    font-weight: bold;
    text-align: center;
    color: #40a960;
}

.inQuteIndex .dlItem dl dd p b {
    color: #000;
    font-size: .14rem;
}

.inQuteIndex .dlItem dl .mimg {
    text-align: center;
    margin-bottom: .15rem;
}

.inQuteIndex .dlItem dl .mimg img {
    /* width: 50%; */
    height: 1.54rem;
}

.inQuteIndex .dlItem .tags {
    font-size: 0;
    text-align: center;
    padding-top: .1rem
}

.inQuteIndex .dlItem .tags span {
    font-size: .14rem;
    display: inline-block;
    padding: .03rem .1rem;
    background: #09f;
    color: #fff;
    margin: .05rem;
}

.simTemplate .flexwrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.simTemplate .dlItem {
    padding-bottom: .6rem;
}

.simTemplate .dlItem dl:hover {
    transform: scale(1.05);
    box-shadow: 0px 5px 10px #ccc;
}

.simTemplate .dlItem dl {
    flex: 0 0 31%;
    vertical-align: top;
    margin-right: 3%;
    display: inline-block;
    font-size: .14rem;
    margin-bottom: .2rem;
    background-color: #fff;
    position: relative;
    padding: .15rem;
    box-sizing: border-box;
    transition: all .5s;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

.simTemplate .dlItem .t {
    font-size: .42rem;
}

.simTemplate .dlItem dl:nth-child(3n) {
    margin-right: 0;
}

.simTemplate .dlItem dl dt {
    font-size: .18rem;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

.simTemplate .dlItem dl dd {
    font-size: .14rem;
    /* padding-top: .1rem; */
    line-height: 180%;
    color: #666;
    line-height: 140%;
}

.simTemplate .dlItem dl .jiajia {
    text-align: center;
    color: #e83611;
    margin-bottom: .15rem;
    font-size: .12rem;
    line-height: 140%;
}

.simTemplate .dlItem dl .jiajia>span {
    color: #000;
    display: block;
}

.simTemplate .dlItem dl .jiajia+dd {
    margin-bottom: .15rem;
}

.stepTurn .dlItem dl .jiajia+dd {
    margin-bottom: .55rem;
}

.simTemplate .dlItem dl dd p {
    margin-top: .1rem;
}

.simTemplate .dlItem dl dd .price {
    background: #f5f5f5;
    padding: 0 15px;
    font-weight: bold;
    text-align: center;
    color: #40a960;
}

.simTemplate .dlItem dl dd p b {
    color: #000;
    font-size: .14rem;
}

.simTemplate .dlItem dl .mimg {
    text-align: center;
    margin-bottom: .15rem;
}

.simTemplate .dlItem dl .mimg img {
    width: 60%;
}

.simTemplate .newD {
    margin-top: 0;
}

.simTemplate .indexForm {
    margin-top: .4rem;
}

.simTemplate .dlItem .tags {
    font-size: 0;
    text-align: center;
    padding-top: .1rem
}

.simTemplate .dlItem .tags span {
    font-size: .14rem;
    display: inline-block;
    padding: .03rem .1rem;
    background: #09f;
    color: #fff;
    margin: .05rem;
}

.index .flexwrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: .6rem
}

.index .dlItem {
    border-top: 20px solid #f9f9f9;
}

.index .dlItem .hd {
    padding-top: 0.6rem;
}

.index .dlItem .t {
    font-size: .32rem;
}

.index .dlItem dl {
    flex: 0 0 18.3%;
    vertical-align: top;
    margin-right: 2%;
    display: inline-block;
    font-size: .14rem;
    margin-bottom: .2rem;
    background-color: #fff;
    position: relative;
    padding: .15rem;
    box-sizing: border-box;
    transition: all .5s;
    border: 1px solid #dcdfe6;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
}

.index .dlItem dl:nth-child(5n) {
    margin-right: 0;
}

.index .dlItem dl dt {
    font-size: .18rem;
    font-weight: bold;
    line-height: 120%;
}

.index .dlItem dl dd {
    font-size: .14rem;
    padding-top: .1rem;
    line-height: 180%;
    color: #666;
    line-height: 140%;
}

.index .dlItem dl .jiajia {
    text-align: center;
    color: #e83611;
    margin-bottom: .15rem;
    font-size: .12rem;
    line-height: 140%;
}

.index .dlItem dl .jiajia>span {
    color: #000;
    display: block;
}

.index .dlItem dl .jiajia+dd {
    margin-bottom: .15rem;
}

.stepTurn .dlItem dl .jiajia+dd {
    margin-bottom: .55rem;
}

.index .dlItem dl dd p {
    margin-top: .1rem;
}

.index .dlItem dl dd .price {
    background: #f5f5f5;
    padding: 10px 15px;
    font-weight: bold;
    text-align: center;
    color: #e83611;
}

.index .dlItem dl dd p b {
    color: #000;
    font-size: .14rem;
}

.index .dlItem dl .mimg {
    text-align: center;
    margin-bottom: .15rem;
}

.index .dlItem dl .mimg img {
    width: 100%;
}

.index .indexForm {
    margin-top: 0;
}

.qualityDiv {
    margin-bottom: .6rem;
    border-top: 20px solid #f9f9f9;
}

.qualityDiv .hd {
    padding-top: .6rem;
}

.index .pgmod .hd {
    padding-top: .6rem;
}

.index .pgmod {}

.pgmod {
    margin-bottom: .6rem;
    border-top: 20px solid #f9f9f9;
}

.cgGallery {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: .4rem;
}

.cgGallery a {
    width: 23.2%;
    box-shadow: 2px 2px 6px #aaa;
    box-sizing: border-box;
    padding: .1rem;
    margin-bottom: .25rem;
}

.subtit {
    font-size: .16rem;
    margin-top: .2rem;
    font-weight: normal;
}

.tlGallery {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1% 2% 0;
}

.tlGallery a {
    width: 16.2%;
    /*box-shadow: 2px 2px 6px #aaa;*/
    box-sizing: border-box;
    margin-bottom: .25rem;
}

.tlGallery a img {
    width: 100%;
}

.pricing {
    background-color: #f1f1f1;
}

.eo2 {
    font-size: .24rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: .5rem;
    margin-top: .5rem
}

.eo2 span {
    color: #40a960;
}

.dcItem {
    font-size: 0;
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    margin-bottom: .5rem;
}

.dcItem .tags {
    font-size: 0;
    text-align: center
}

.dcItem .tags span {
    font-size: .14rem;
    display: inline-block;
    padding: .03rem .1rem;
    background: #09f;
    color: #fff;
    margin: .05rem;
}

.dcItem .each {
    text-align: center;
    color: #40a960;
    border-top: .01rem solid #eee;
    border-bottom: .01rem solid #eee;
    padding-top: .1rem;
    margin-bottom: .1rem;
    padding-bottom: .1rem;
    margin-top: .15rem;
}

.dctit span {
    font-weight: 400;
    font-size: .14rem;
}

.dcItem dl {
    flex: 0 0 31%;
    vertical-align: top;
    margin-right: 3%;
    display: inline-block;
    font-size: .14rem;
    margin-bottom: .2rem;
    background-color: #fff;
    position: relative;
    padding: .15rem .15rem .8rem;
    box-sizing: border-box;
    border: .02rem solid #fff;
    transition: all .5s;
    box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.dcItem dl:nth-child(3n),
.dcItem dl:last-child {
    margin-right: 0;
}

.dcItem dl dt {
    font-size: .16rem;
    font-weight: bold;
    line-height: 120%;
}

.dcItem dl dd {
    font-size: .12rem;
    padding-top: .1rem;
    line-height: 180%;
    color: #666;
    line-height: 140%;
}

.dcItem dl .mimg {
    text-align: center;
    margin-bottom: .15rem;
}

.dcItem dl .mimg img {
    width: 80%;
}

.dcItem dl .dlBottom {
    position: absolute;
    left: 0;
    bottom: .15rem;
    width: 100%;
    text-align: center;
}

.dcItem dl .selectbtn {
    line-height: .45rem;
    height: .45rem;
    border: .02rem solid #40a960;
    color: #40a960;
    font-weight: bold;
    display: inline-block;
    width: 76%;
    text-align: center;
    transition: all .5s;
    cursor: pointer;
    /* border-radius: .04rem; */
}

.dcItem dl:hover {
    transform: scale(1.05);
    box-shadow: 0px 5px 10px #ccc;
}

.dcItem dl .selectbtn i:after {
    content: "\e6e7";
    font-family: "basefont";
    font-size: 0rem;
    font-style: normal;
}

.dcItem dl .selectbtn:hover {
    background-color: #40a960;
    color: #fff;
}

.dcItem dl .selectbtn:hover i:after {
    font-size: .18rem;
}

.dcItem dl .selectbtn:hover span {
    display: none;
}

.dcItem dl.cur .selectbtn {
    background-color: #40a960;
    color: #fff;
}

.dcItem dl.cur .selectbtn i:after {
    font-size: .18rem;
}

.dcItem dl.cur .selectbtn span {
    display: none;
}

.dcItem dl.disable dt,
.dcItem dl.disable .mimg,
.dcItem dl.disable .jiajia,
.dcItem dl.disable dd {
    opacity: .5;
}

.dcItem dl.disable .selectbtn {
    display: none;
}

.dcItem dl.disable .disInfo {
    height: .29rem;
    padding: .1rem;
    line-height: 120%;
    font-size: .12rem;
    background: #e9f4fa;
    color: #09f
}

.dcItem dl.disable .disInfo:before {
    content: "\e64d";
    font-family: basefont;
    display: inline-block;
    vertical-align: top;
    margin-right: .05rem;
    font-size: .16rem;
}

.tbc {
    width: 100%;
    font-size: .16rem;
    background: #000;
    color: #fff;
    padding: .1rem 0 .02rem;
    margin-top: .3rem;
    text-align: center;
    font-weight: 500;
}

.tbc .red {
    font-weight: bold;
}

.tsbox {
    background-color: #000;
}

.step2ProcessWrap {
    padding: .12rem 0 .07rem;
    background-color: #000;
}

.step2Process {
    margin: 0 .18rem 0 .15rem;
    position: relative;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    flex-wrap: wrap;
    transition: all .1s;
}

.step2Process {
    position: relative;
}

.step2Process dl::after {
    content: "";
    width: 172%;
    height: .03rem;
    position: absolute;
    top: .13rem;
    z-index: 0;
    background-color: #eee;
}

.step2Process dl:nth-child(1):after {
    width: 270%;
}

.step2Process dl:nth-child(2):after {
    width: 270%;
}

.step2Process dl:nth-child(4):after {
    width: 200%;
}

.step2Process dl:nth-child(5):after {
    width: 0%;
}

.step2Process dl {
    position: relative;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}

.step2Process dt {
    width: .28rem;
    height: .28rem;
    font-size: .18rem;
    display: inline-block;
    border-radius: .4rem;
    line-height: .28rem;
    text-align: center;
    color: #fff;
    font-weight: 400;
    background-color: #e1e1e1;
    position: relative;
    z-index: 1;
}

.step2Process dd {
    font-size: .15rem;
    font-weight: 500;
    margin-top: .05rem;
    color: #fff;
}

.step2Process .step-ready dt,
.step2Process .step-reached dt {
    background-color: #40a960;
}

.step2Process dl i:after {
    content: "\e6e7";
    font-family: "basefont";
    font-size: 0rem;
    font-style: normal;
}

.step2Process .step-ready i:after {
    font-size: .18rem;
}

.step2Process .step-ready::after {
    background-color: #40a960;
}

.step2Process .step-ready span {}